<!DOCTYPE html>
<html lang="zh-CN"  xmlns:th="http://www.thymeleaf.org">
<!--表头-->
<head th:insert="common/head::headBar(${title},${desc},${keyword},'/static/highlight/dark.min.css,/static/Kz.layedit/Content/Layui-KnifeZ/css/layui.css,/static/css/detail.css')">
<body>
<div class="site" >
    <head th:insert="common/top::topBar(${resCategoryModel},${loginFlag},${resUser})"/>
    <div class="header-gap"></div>
    <div class="site-content" >
        <div class="container">
            <div class="breadcrumbs">
                当前位置： <a href="/" class=" ">首页</a> &gt; <a th:href="${oneUrl}" class=" " >[[${oneName}]]</a><a th:href="${twoUrl}" class=" " th:styleappend="${level}==1?'':'display:none'"> &gt; [[${twoName}]]</a>
            </div>
            <div class="m-intro">
                <div class="thumb">
                    <img id="articleImgId" th:src="${articleModel?.titleImg}" th:alt="${articleModel?.title}" width="378" height="285">
                </div>
                <div class="desc">
                    <span class="desc-title" id="articleTitleId" th:text="${articleModel?.title}"></span>
                    <p>
                        <span>资源状态 :</span>
                        <span th:if="${articleModel?.artStatus}==2" style="color: red;font-weight: bolder;">生效中</span>
                        <span th:if="${articleModel?.artStatus}==1" style="color: red;font-weight: bolder;">未生效</span>
                    </p>
                    <p><span>发布时间：</span>[[${#dates.format(articleModel?.createTime, 'yyyy-MM-dd HH:mm:ss')}]]</p>
                    <p><span>浏览量 :</span>[[${articleModel?.lookSee}]]</p>
                    <p th:if="${articleModel?.artType}==1">
                        <span>下载权限 :</span>
                        <span th:if="${articleModel?.freeType}==0">全体用户</span>
                        <span th:if="${articleModel?.freeType}==1" style="color: red">VIP用户</span>
                        <span th:if="${articleModel?.freeType ==1 && articleModel?.money!=0}"> / <strong style="color: red"> [[${articleModel?.money}]]</strong></span>资源币
                    </p>
                    <p th:if="${articleModel?.artType}==1">
                        <span>下载方式 :</span>
                        <span th:if="${articleModel?.belongType}==1">百度网盘下载</span>
                        <span th:if="${articleModel?.belongType}==2">阿里云网盘下载</span>
                        <span th:if="${articleModel?.belongType}==3">曲奇网盘下载</span>
                        <span th:if="${articleModel?.belongType}==4">天翼网盘下载</span>
                        <span th:if="${articleModel?.belongType}==5">其他</span>
                    </p>
                    <div class="ft">
                        <a rel="nofollow">作者: [[${articleModel?.userName}]]</a>
                        <div class="ft-btns" id="followDiv" style="display: block;border-radius: 50%;font-size: 22px;height: 35px;padding-top: 2px;text-align: center;width: 35px;">
                            <a href="javascript:void(0);" th:dataId="${articleModel?.id}" title="收藏文章" class="ripro-star" th:classappend="${articleModel?.cellectionFlag==0}?'':'ok'" onclick="saveCollection(this)"><i class="fa fa-star-o"></i></a>
                        </div>
                    </div>
                    <div class="topRec_List">
                        <div class="maquee">
                            <div class="tempWrap" style="overflow:hidden; position:relative; height:38px"><ul id="maquee" style="height: 950px; position: relative; padding: 0px; margin: 0px; top: -874px;">
                                <li class="clone" style="height: 38px;">
                                    <div>456***4@qq.com</div>
                                    <div>时间：12小时前</div>
                                    <div>*** <font color="#333">7天VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>137***7835</div>
                                    <div>时间：30分钟前</div>
                                    <div>*** <font color="#333">7天VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>187***3645</div>
                                    <div>时间：3小时前</div>
                                    <div>*** <font color="#333">终身VI员</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>97***2@qq.com</div>
                                    <div>时间：1小时前</div>
                                    <div>*** <font color="#333">一年VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>ad***ao@126.com</div>
                                    <div>时间：45分钟前</div>
                                    <div>*** <font color="#333">一年VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>64***75@qq.com</div>
                                    <div>时间：4小时前</div>
                                    <div>*** <font color="#333">终身VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>yy***p@gmail.com</div>
                                    <div>时间：5小时前</div>
                                    <div>*** <font color="#333">7天VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>tt***@163.com</div>
                                    <div>时间：55分钟前</div>
                                    <div>*** <font color="#333">一年VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>137***5247</div>
                                    <div>时间：8小时前</div>
                                    <div>*** <font color="#333">7天VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>783***52@qq.com</div>
                                    <div>时间：15分钟前</div>
                                    <div>充值 <font color="#333">7天VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>139***278</div>
                                    <div>时间：3小时前</div>
                                    <div>*** <font color="#333">7天VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>603***46@qq.com</div>
                                    <div>时间：一天前</div>
                                    <div>*** <font color="#333">一年VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>zha***gmail.com</div>
                                    <div>时间：45分钟前</div>
                                    <div>*** <font color="#333">一年VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>976***43@qq.com</div>
                                    <div>时间：4小时前</div>
                                    <div>*** <font color="#333">终身VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>786***54@qq.com</div>
                                    <div>时间：5小时前</div>
                                    <div>*** <font color="#333">7天VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>176343432</div>
                                    <div>时间：55分钟前</div>
                                    <div>*** <font color="#333">一年VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>185***5435</div>
                                    <div>时间：8小时前</div>
                                    <div>*** <font color="#333">7天VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>139***3278</div>
                                    <div>时间：3小时前</div>
                                    <div>*** <font color="#333">7天VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>757***@qq.com</div>
                                    <div>时间：一天前</div>
                                    <div>*** <font color="#333">一年VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>qqw***@gmail.com</div>
                                    <div>时间：15分钟前</div>
                                    <div>*** <font color="#333">一年VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>976***3@qq.com</div>
                                    <div>时间：9小时前</div>
                                    <div>*** <font color="#333">终身VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>786***54@qq.com</div>
                                    <div>时间：6小时前</div>
                                    <div>*** <font color="#333">7天VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>234***3@qq.com</div>
                                    <div>时间：55分钟前</div>
                                    <div>*** <font color="#333">一年VIP</font></div>
                                </li>
                                <li style="height: 38px;">
                                    <div>456***4@qq.com</div>
                                    <div>时间：12小时前</div>
                                    <div>*** <font color="#333">7天VIP</font></div>
                                </li>
                                <li class="clone" style="height: 38px;">
                                    <div>137***7835</div>
                                    <div>时间：30分钟前</div>
                                    <div>*** <font color="#333">7天VIP</font></div>
                                </li></ul></div>
                        </div>
                    </div>
                    <div class="btns" th:if="${articleModel?.artType}==1">
                        <a  th:href="${requestUrl}+'#down-add'" class="btn btn1" rel="nofollow">立即下载</a>
                        <a  th:if="${articleModel?.artType}==1" onclick="notify_when_not_login()" class="btn" rel="nofollow">加入VIP</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="content-column col-lg-9">
                    <div>
                        <div class="content-area">
                            <main class="site-main">
                                <article  class="article-content">
                                    <div class="container">
                                        <div class="cao_entry_header">
                                            <header class="entry-header">
                                                <div class="entry-meta">
                                                    <span class="meta-author">
                                                        <a><img th:alt="${articleModel?.userName}" class="avatar avatar-40 photo gravatar" height="40" width="40" th:src="${articleModel?.userImg}">[[${articleModel?.userName}]]</a>
                                                    </span>
                                                    <span class="meta-category">
                                                        <a target="_blank" th:href="${articleModel?.url}" rel="category"><i class="dot"></i>[[${articleModel?.categotyName}]]</a>
                                                    </span>
                                                    <span class="meta-date">
                                                        <a target="_blank" th:href="'/web/art-detail/'+${articleModel?.id}+'.html'" ><time>[[${#dates.format(articleModel?.createTime, 'yyyy-MM-dd')}]]</time></a>
                                                    </span>
                                                </div>
                                                <div class="ctit">
                                                    <h3>内容详情</h3>
                                                </div>
                                                <h1 class="entry-title">[[${articleModel?.title}]]</h1>
                                            </header>
                                        </div>
                                    </div>
                                    <div class="container">
                                        <div class="entry-wrapper">
                                            <div class="entry-content u-text-format u-clearfix">
                                                <!-- 内容显示 -->
                                                <div id="contentId" th:utext="${articleModel?.content}">
                                                </div>
                                                <div th:if="${articleModel?.artType}==1">
                                                    <div class="ctit"><i class="ddd" id="down-add"></i>
                                                        <h3>下载地址</h3>
                                                    </div>
                                                    <div class="content-hide-tips">
                                                        <div class="login-false" th:if="${articleModel?.freeType}==0">当前隐藏内容免费下载</div>
                                                        <div class="login-false" th:if="${articleModel?.freeType}==1">当前隐藏内容需要<span style="color: red">开通会员或相应资源币</span></div>
                                                        <p class="t-c">已有<span class="red">&nbsp;<i class="eyou_freebuynum" style="font-style:normal">[[${resDownNums}]]</i></span>人下载</p>
                                                        <div class="pc-button" th:if="${articleModel?.freeType}==1">
                                                            <a  th:if="${articleModel?.userType}==0" href="javascript:void(0);" onclick="uploadResArticle(1,this);" th:artId="${articleModel?.id}" class="click-pay btn btn--secondary"><i class="fa fa-money"></i>开通会员</a>
                                                            <a  th:if="${articleModel?.userType}!=0" href="javascript:void(0);" onclick="uploadResArticle(2,this);" th:artId="${articleModel?.id}" class="click-pay btn btn--secondary"><i class="fa fa-money"></i>点击下载</a>
                                                        </div>
                                                        <div class="pc-button" th:if="${articleModel?.freeType}==0">
                                                            <a  th:if="${articleModel?.userType}!=0" href="javascript:void(0);" onclick="uploadResArticle(2,this);" th:artId="${articleModel?.id}" class="click-pay btn btn--secondary"><i class="fa fa-money"></i>点击下载</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="pay-single-box"></div>
                                            <div class="article-copyright">
                                                1、本站目前拥有近 1000+ 精品收费资源，现在加入VIP会员即可全部下载。<br>
                                                2、本资源部分来源其他付费资源平台或互联网收集，如有侵权请联系及时处理。 <br>
                                                2、本站资源成为会员后，可见下载地址，如资源失效，请联系站长，及时更新；本站下载链接均为百度网盘下载，过大的资源,可开通会员，方便存储； 本站提供的一些商业软件是供学习研究之用，如用于商业用途。。 <br>
                                                <a href="/">资源基地</a> » <a th:href="'/web/art-detail/'+${articleModel?.id}+'.html'"  th:text="${articleModel?.title}" ></a>
                                            </div>
                                            <div class="article-footer">
                                                <div class="author-box">
                                                    <div class="author-image">
                                                        <img alt="" class="avatar avatar-96 photo gravatar" height="96" width="96" th:src="${articleModel?.userImg}">
                                                    </div>
                                                    <div class="author-info">
                                                        <h4 class="author-name">
                                                            <span>[[${articleModel?.userName}]]</span>
                                                            <span class="label label-warning">
                                                                <i class="fa fa-diamond"></i>
                                                                <span th:if="${articleModel?.userType}==0">普通会员</span>
                                                                <span th:if="${articleModel?.userType}==1">白银会员</span>
                                                                <span th:if="${articleModel?.userType}==2">黄金会员</span>
                                                                <span th:if="${articleModel?.userType}==3">钻石会员</span>
                                                                <span th:if="${articleModel?.userType}==-1">终身会员</span>
                                                            </span>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="xshare" style="position: relative">
                                                    <span class="xshare-title">分享到：</span>
                                                    <a href="javaScript:;" etap="share" data-share="qq" class="share-qq" onclick="shareTo('qzone')" >
                                                        <img width="30" src=""/>
                                                    </a>
                                                    <a href="javaScript:;" etap="share" data-share="wx" class="share-wx"><i class="fa fa-weixin"></i></a>
                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 shareweixin" id="weixinId" style="position: absolute;top: 37px;left: 56px;z-index: 12;">
                                                        <div class="a_qrcode center-block">
                                                            <p class='text-center center-block' style="width: 136px;margin: 0;">扫描二维码手机查看</p>
                                                            <div class="text-center center-block" id="qrcode_id" style="width:130px;"></div>
                                                        </div>
                                                    </div>
                                                    <a href="javaScript:;" etap="share" data-share="qq" class="share-qq" onclick="shareTo('qq')" ><i class="fa fa-qq"></i></a>
                                                    <a href="javaScript:;" etap="share" data-share="weibo" class="share-weibo" onclick="shareTo('sina')" ><i class="fa fa-weibo"></i></a>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                                <div class="entry-navigation">
                                    <nav class="article-nav">
                                       <span class="article-nav-prev" th:if="${beforeArticleFlag}==0">上一篇<br>
                                          <a href="/" rel="prev">首页</a>
                                       </span>
                                        <span class="article-nav-prev" th:if="${beforeArticleFlag}==1">上一篇<br>
                                          <a th:href="'/web/art-detail/'+${beforeArticleModel?.id}+'.html'" rel="prev">[[${beforeArticleModel?.title}]]</a>
                                       </span>
                                        <span class="article-nav-next" th:if="${afterArticleFlag}==0">下一篇<br>
                                           <a href="/" rel="next">首页</a>
                                       </span>
                                        <span class="article-nav-next" th:if="${afterArticleFlag}==1">下一篇<br>
                                          <a th:href="'/web/art-detail/'+${afterArticleModel?.id}+'.html'" rel="next">[[${afterArticleModel?.title}]]</a>
                                       </span>
                                    </nav>
                                </div>
                                <!-- # 相关推荐... -->
                                <div class="related-posts-grid">
                                    <h4 class="u-border-title">相关推荐</h4>
                                    <div class="row">
                                        <th:block th:each="newArticle: ${recommendArticleList}">
                                            <div class="col-6 col-sm-3 col-md-3 mt-10 mb-10">
                                                <article class="post">
                                                    <div class="entry-media">
                                                        <div class="placeholder" style="padding-bottom: 66.666666666667%;">
                                                            <a target="_blank"  th:href="'/web/art-detail/'+${newArticle?.id}+'.html'">
                                                                <img class="lazyload" th:src="${newArticle?.titleImg}" th:alt="${newArticle?.title}">
                                                            </a>
                                                            <div class="cao-cover"><img src="/static/images/rings.svg" width="50" height="50px"></div>
                                                        </div>
                                                    </div>
                                                    <div class="entry-wrapper">
                                                        <header class="entry-header">
                                                            <h4 class="entry-title">
                                                                <a target="_blank" th:href="'/web/art-detail/'+${newArticle?.id}+'.html'" th:title="${newArticle?.title}" th:text="${newArticle?.title}"></a>
                                                            </h4>
                                                        </header>
                                                    </div>
                                                </article>
                                            </div>
                                        </th:block>
                                    </div>
                                </div>
                            </main>
                        </div>
                    </div>
                </div>
                <div class="sidebar-column col-lg-3" >
                    <div>
                        <aside class="widget-area">
                            <div  class="widget ">
                                <h5 class="widget-title">猜你喜欢</h5>
                                <ul>
                                    <th:block th:each="likeArticle: ${likeList}">
                                        <li>
                                            <a target="_blank" th:href="'/web/art-detail/'+${likeArticle?.id}+'.html'" >
                                                <img th:src="${likeArticle?.titleImg}" th:alt="${likeArticle?.title}" style="width: 101px;height: 75px;float: left;margin-right: 6px;">
                                                <span style="font-size: 13px;line-height: 24px;">[[${likeArticle?.title}]]</span>
                                            </a>
                                        </li>
                                    </th:block>
                                </ul>
                            </div>
                        </aside>
                    </div>
                </div>
            </div>
        </div>


    </div>
    <!--底部-->
    <div th:insert="common/footer::footerBar(${resTags},${resLinkList})"/>
</div>
<script type="text/javascript" src="/static/js/qrcode.js"></script>
<script type="text/javascript" src="/static/js/jquery.superslide.2.1.1.js"></script>
<script th:src="@{'/static/highlight/highlight.js'}"></script>
<script>hljs.highlightAll()</script>
<script type="text/javascript">
    $(function () {
        // 代码高亮
        $("pre code").each(function (i, block) {
            hljs.highlightAll(block);
        });
    });

    $(".topRec_List").slide({ mainCell:"#maquee", effect:"topLoop", autoPlay:true});
    $(".share-wx").on('click',function (){
        $('.a_qrcode').fadeIn();
        $('.a_qrcode').find('canvas').remove();
        let dispalyexit=$("#weixinId").hasClass("shareweixin");
        if(!dispalyexit){
            $('#weixinId').addClass('shareweixin');
        }else{
            $("#weixinId").removeClass("shareweixin");
            $('#qrcode_id').qrcode({
                render: "canvas",
                width: 130,
                height: 130,
                text: window.location.href,
                background: "#ffffff", //背景颜色
                foreground: "#000000" //前景颜色
            });
        }
    });

    function uploadResArticle(type, that) {
        var articleId=$(that).attr("artId");
        //开通会员
        if (type == 1) {
            window.location.href = "/person/govip.html?redirectUrl=" + "/web/art-detail/" + articleId + ".html"
        } else {
            //下载
            $.ajax({
                url: "/user/uploadResData.html",
                data: {
                    "articleId": articleId
                },
                type: 'post',
                success: function (res) {
                    layer.closeAll();
                    if (-1 == res.rt) {
                        layer.msg("未登录,请登录！", {time: 1000}, function () {
                            window.location.href = "/to/login.html?redirectUrl=" + "/web/art-detail/" + articleId + ".html"
                        });
                    } else if (-2 == res.rt) {
                        layer.msg("未开通会员,请先开通会员！", {time: 1000}, function () {
                            window.location.href = "/person/govip.html?redirectUrl=" + "/web/art-detail/" + articleId + ".html"
                        });
                    }else if (-3 == res.rt) {
                        layer.msg("资源币不足,请先充值！", {time: 1000}, function () {
                            window.location.href = "/person/info.html?redirectUrl=" + "/web/art-detail/" + articleId + ".html"
                        });
                    } else {
                        layer.open({
                            skin: 'layui-layer-demo', //样式类名
                            scrollbar: false,
                            content:"<h3 style='margin:20px'>"+res.rt+"</h3>",
                        });
                    }
                },
                error: function (e) {
                    layer.closeAll();
                    showErrorAlert("网络异常,请稍后再试!");
                }
            });
        }
    }
</script>
</body>
</html>
